@extends('layouts.header')
@section('title','批准报告')
@section('content')
    <nav class="breadcrumb">
        <i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 检测业务 <span class="c-gray en">&gt;</span> 批准报告
        <a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
    </nav>
    <div class="page-container">
        <div class="cl mb-10 bg-1 bk-gray">
            <span class="c-red">注意：审批完成后的批次不可见</span>
        </div>
        <table class="table table-border table-bordered table-hover table-bg table-responsive" id="datatable">
            <thead>
            {{-- <tr>
                <th scope="col" colspan="6">合同管理</th>
            </tr> --}}
            <tr class="text-c">
                <th>批次编号</th>
                <th>客户名称</th>
                <th>受理人</th>
                <th>受理时间</th>
                <th>完成期限</th>
                <th>批次状态</th>
                <th>审核时间</th>
                <th>样品总量</th>
                <th>审核人</th>
                <th>批准人</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            @foreach ($data as $val)
                <tr class="text-c">
                    <td>{{ $val->batchNum }}</td>
                    <td>{{ $val->client_name }}</td>
                    <td>{{ $val->creator }}</td>
                    <td>{{ $val->created_at }}</td>
                    <td>{{ $val->deadline ? $val->deadline : '/' }}</td>
                    <td>
                        <span class="badge badge-{{$dbStat['status_badge'][$val->status]}} radius">{{$dbStat['status'][$val->status]}}</span>
                    </td>
                    <td>{{ $val->check_start ? ($val->check_start.' 至 '. $val->check_end): '未知' }}</td>
                    <td>{{ $val->sum_count }}</td>
                    <td>{{ $val->audit_man1}}</td>
                    <td>{{ $val->audit_man }}</td>
                    <td class="text-l">
                        @php
                            $disable = $val->status<11 ? 'disabled' : '';
                        @endphp
                        <a class="btn @if(!$disable) btn-primary @endif radius size-MINI {{$disable}}" href="javascript:;" onclick="download_report({{ $val->id }})">查看报告</a>
                        <a class="ml-5 btn @if(!$disable) btn-primary-outline @endif  radius size-MINI {{$disable}}" href="javascript:;" onclick="jump_page('/{{config('constant.name_admin')}}/sampleInfo/indexCheck',{{ $val->id }},{{ $val->status }})">单项审核</a>
                        <a class="ml-20 btn @if(!$disable) btn-success @endif  radius size-MINI {{$disable}} @if($val->status === 14) disabled @endif" href="javascript:;" onclick="approve({{ $val->id }},14)">通过</a>
                        <a class="ml-5 btn @if(!$disable) btn-danger @endif radius size-MINI {{$disable}} @if($val->status === 13) disabled @endif " href="javascript:;" onclick="approve({{ $val->id }},13)">驳回</a>
                        @if(config('constant.app_name') === 'HuiBangJianCe' && $val->status==13)
                            <a class="ml-5 btn @if(!$disable) btn-danger @endif radius size-MINI {{$disable}}" href="javascript:;" onclick="show_baklog({{ $val->id }})">驳回原因</a>
                        @endif
                    </td>
                </tr>
            @endforeach

            </tbody>
        </table>
    </div>
    <!--请在下方写此页面业务相关的脚本-->
    <script type="text/javascript">
        $.fn.dataTable.ext.errMode = 'throw';//datatable抛异常的方式，在console中输出，默认以alert的方式弹出
        var table = $('#datatable').DataTable({
            order: [[0, 'desc']],//默认第几个排序
            // ordering: false, // 是否排序
            "pageLength": 15,
            // "dom": '<"toolbar f-l pb-15">frtip',
            // "lengthChange": false,
            // "stateSave": true,// 状态保存 - 再次加载页面时还原表格状态
            // "stateDuration": -1,//仅保留当前会话的数据
            // "paging":false, //禁用分页
            serverSide: false,//服务器端处理模式——此模式下如：过滤、分页、排序的处理都放在服务器端进行。
            // responsive: true,//响应式，需要插件
            // fixedHeader: true,//表头固定，需要插件
            // autoWidth: false,
            ajax: "",
            processing: true,//加载数据时候是否显示进度条
            language: {url: '/admin/lib/datatables/dataTables_Chinese_Lang.json'}
        });
        var appname = '{{config('constant.app_name')}}';

        /*查看驳回原因*/
        function show_baklog(id) {
            let url = '/{{config('constant.name_admin')}}/sampleinfo/rejectLog/1/' + id;
            layer_show('驳回原因', url, 500, 400);
        }

        /* 跳转页面 */
        function jump_page(url, id) {
            location.href = url + '?id=' + id + '&status=' + status;
        }

        /*下载报告*/
        function download_report(id) {
            window.open('/{{config('constant.name_admin')}}/exportReport/export?id=' + id, '_blank');
        }

        /*批准*/
        function approve(id, status) {
            var index2;
            var str = status == 14 ? '通过' : '驳回';
            if (status == 13) {
                //prompt层
                layer.prompt({title: '输入驳回原因，并确认', formType: 2}, function (text, index) {
                    check_one_ajax(id, status, text, index);
                });
            } else {
                layer.confirm('确定要 ' + str + ' 吗？', {title: '批准操作', icon: 3}, function (index) {
                    check_one_ajax(id, status);
                });
            }

            function check_one_ajax(id, status, reason = '', index = '') {
                $.ajax({
                    type: 'GET',
                    url: '/{{config('constant.name_admin')}}/contract/approve' + '?id=' + id + '&status=' + status + '&reason=' + reason,
                    // dataType: 'json',
                    success: function (data) {
                        // console.log(data);
                        if (data === '1') {
                            // table_reload(0);//0停留在当前页，1回到第一页
                            window.location.reload();
                            layer.close(index);
                            layer.msg('操作成功!', {icon: 1, time: 2000});
                        } else {
                            layer.msg('操作失败!', {icon: 2, time: 2000});
                        }
                    },
                    error: function (data) {
                        ajax_error(data);
                    },
                    beforeSend: function () {
                        //0.4透明度 白色遮罩
                        index2 = layer.load(2, {shade: [0.05, '#000']});
                    },
                    complete: function () {
                        layer.close(index2);
                    },
                });
            }
        }

    </script>
@endsection